let register = document.querySelector('.register')//注册面板
let enter = document.querySelector('.enter')//登录面板
let goRegister = document.querySelector('.goRegister')//去注册
let goLogin = document.querySelector('.goLogin')//去登录
// 切换注册登录功能
goRegister.addEventListener('click', function () {
    enter.style.display = 'none'
    register.style.display = 'block'
})
goLogin.addEventListener('click', function () {
    register.style.display = 'none'
    enter.style.display = 'block'
})
// 验证功能 :比如，验证一个用户名和密码
let test = () => {
    return {
        fields: {
            username: { // 这里username是 input 的name属性值，表示对这个输入框进行验证
                validators: { // 添加真正的校验规则
                    notEmpty: {   //不能为空
                        message: '用户名不能为空.'// 如果不满足校验规则，则给出这句提示
                    },
                    stringLength: {   //检测长度
                        min: 2, // 最少2位
                        max: 15, // 最多15位
                        message: '用户名需要2~15个字符'
                    }
                }
            },
            password: {
                validators: {
                    notEmpty: {
                        message: '密码不能为空'
                    },
                    stringLength: {   //检测长度
                        min: 6,
                        max: 15,
                        message: '密码需要6~15个字符'
                    }
                }
            }
        }
    }
}
//登录功能
$('.enter form').bootstrapValidator(test()).on('success.form.bv', function (e) {
    e.preventDefault();
    // 通过验证，这里的代码将会执行。我们将Ajax请求的代码放到这里即可
    let username = enter.querySelector('[name="username" ]').value
    let password = enter.querySelector('[name="password" ]').value
    axios({
        url: '/api/login',
        method: 'POST',
        data: { username, password }
    }).then(data => {
        if (data.code == 0) {
            toastr.success(data.message)
            localStorage.setItem('my-third-token', data.token)
            setTimeout(() => {
                location.href = './index.html'
            }, 1500)
        } else {
            toastr.error(data.message);
        }
    })
})
$('.register form').bootstrapValidator(test()).on('success.form.bv', function (e) {
    e.preventDefault();
    // 通过验证，这里的代码将会执行。我们将Ajax请求的代码放到这里即可
    let username = register.querySelector('[name="username" ]').value
    let password = register.querySelector('[name="password" ]').value
    axios({
        url: '/api/register',
        method: 'POST',
        data: { username, password }
    }).then(data => {
        if (data.code == 0) {
            toastr.success(data.message + '一秒钟之后切换登录面板')
            setTimeout(() => {
                goLogin.click()
            }, 1000);
        } else {
            toastr.error(data.message);
        }
    })
})